<!DOCTYPE html>
<!--[if IE 8]>			<html class="ie ie8"> <![endif]-->
<!--[if IE 9]>			<html class="ie ie9"> <![endif]-->
<!--[if gt IE 9]><!-->	<html> <!--<![endif]-->
   <head>
      <meta charset="utf-8">
      <title>Camundanzia</title>
      <meta name="description" content="Pixma Responsive HTML5/CSS3 Template from FIFOTHEMES.COM">
      <meta name="author" content="FIFOTHEMES.COM">
      <!-- Mobile Metas -->
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <!-- Google Fonts -->
<!--       <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'> -->
<!--       <link href='http://fonts.googleapis.com/css?family=Lato:400,300,400italic,700,300italic' rel='stylesheet' type='text/css'> -->
      <!-- Library CSS -->
      <!-- Library CSS -->
      <link rel="stylesheet" href="../css/bootstrap/bootstrap.min.css">
      <link rel="stylesheet" href="../css/bootstrap/bootstrap.css">
      <link rel="stylesheet" href="../css/bootstrap/bootstrap-theme.css">
      <link rel="stylesheet" href="../css/fonts/font-awesome/css/font-awesome.css">
      <link rel="stylesheet" href="../css/stuff/animations.css" media="screen">
      <link rel="stylesheet" href="../css/stuff/superfish.css" media="screen">
      <link rel="stylesheet" href="../css/revolution-slider/css/settings.css" media="screen">
      <link rel="stylesheet" href="../css/stuff/prettyPhoto.css" media="screen">



      <!-- Theme CSS -->
      <link rel="stylesheet" href="style.css">
      <link rel="stylesheet" href="../css/stuff/global.css">
      <!-- Skin -->
      <link rel="stylesheet" href="../css/colors/blue.css" class="colors">
      <!-- Responsive CSS -->
      <link rel="stylesheet" href="../css/stuff/theme-responsive.css">

    <script src="camunda-bpm-sdk.js" ></script>
<!--     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> -->
<!--     <script src="../webjars/jquery/1.9.0/jquery.js" -->


   </head>
   <body class="boxed home">
      <div class="page-mask">
            <div class="page-loader">

                <div class="spinner"></div>
                Loading...
            </div>

      </div>
      <div class="wrap">
         <!-- Header Start -->
         <!-- Header Start -->
         <header id="header">

             <!-- Header End -->
             <!-- Header Top Bar Start -->
             <div class="top-bar">
                <div class="slidedown collapse">
                   <div class="container">
                      <div class="phone-email pull-left">
                         <a><i class="fa fa-phone"></i>Hotline : <span data-i18n="topbar-phone"></span></a>
                         <a href="mailto:info@camunda.com"><i class="fa fa-envelope"></i>Email: <span data-i18n="topbar-contact"></span></a>
                      </div>
                      <div class="follow-us pull-right">
                         <ul class="social pull-left">
                            <li class="facebook"><a href="#"><i class="fa fa-facebook"></i></a></li>
                            <li class="twitter"><a href="#"><i class="fa fa-twitter"></i></a></li>
                            <li class="dribbble"><a href="#"><i class="fa fa-dribbble"></i></a></li>
                            <li class="linkedin"><a href="#"><i class="fa fa-linkedin"></i></a></li>
                            <li class="rss"><a href="#"><i class="fa fa-rss"></i></a></li>
                         </ul>
                         <div id="search-form" class="pull-right">
                            <form action="#" method="get">
                               <input id="search" type="text" class="search-text-box" placeholder="">
                            </form>
                         </div>
                      </div>
                   </div>
                </div>
             </div>
             <!-- Header Top Bar End -->
             <!-- Main Header Start -->
             <div class="main-header">
                <div class="container">
                   <!-- TopNav Start -->
                   <div class="topnav navbar-header">
                      <a class="navbar-toggle down-button" data-toggle="collapse" data-target=".slidedown">
                      <i class="fa fa-angle-down icon-current"></i>
                      </a>
                   </div>
                   <!-- TopNav End -->
                   <!-- Logo Start -->
                   <div class="logo pull-left">
                      <h1>
                         <a class="langlink" href="index.html">
                         <img src="img/Camundanzia_Logo_Web_w.svg" alt="pixma" height="60">
                         </a>
                      </h1>
                   </div>
                   <!-- Logo End -->
                   <!-- Mobile Menu Start -->
                   <div class="mobile navbar-header">
                      <a class="navbar-toggle" data-toggle="collapse" href=".navbar-collapse">
                      <i class="fa fa-bars fa-2x"></i>
                      </a>
                   </div>
                   <!-- Mobile Menu End -->
                   <!-- Menu Start -->
                   <nav class="collapse navbar-collapse menu">
                      <ul class="nav navbar-nav sf-menu" style="flex-direction: row;">
                         <li>
                            <a class="langlink" href="index.html">
                            Home
                            </a>
                         </li>
                         <li>
                            <a class="langlink" href="application.html" data-i18n="topbar-apply">
                            </a>
                         </li>
                         <li>
                            <a href="#" data-i18n="topbar-claim">
                            </a>
                         </li>
                        <li>
                            <a class="langlink" href="documents.html" data-i18n="topbar-document">
                            </a>
                         </li>
                         <li>
                            <a href="#" data-i18n="topbar-about">
                            </a>
                         </li>

                      </ul>
                   </nav>
                   <!-- Menu End -->
                </div>
             </div>
             <!-- Main Header End -->

          <!-- Header End -->
          </header>
         <!-- Header End -->
         <!-- Content Start -->
         <div id="main">
            <!-- Title, Breadcrumb Start-->
            <div class="breadcrumb-wrapper">
               <div class="container">
                  <div class="row">
                     <div class="col-lg-6 col-md-6 col-xs-12 col-sm-6">
                        <h2 class="title" data-i18n="topbar-document"></h2>
                     </div>
                     <div class="col-lg-6 col-md-6 col-xs-12 col-sm-6">
                        <div class="breadcrumbs pull-right">
                           <ul>
                              <li data-i18n="location-inform"></li>
                              <li><a class="langlink" href="index.html">Home</a></li>
                              <li data-i18n="topbar-document"></li>
                           </ul>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <!-- Title, Breadcrumb End-->
            <!-- Main Content start-->
            <div class="content">
               <div class="container">
                  <div class="row">
                     <div class="col-lg-8 col-md-8 col-sm-6 col-xs-12" id="contact-form">
                        <form method="post" class="reply" id="contact">
                           <div id="fieldsetForm">
                           <fieldset>
                              <div class="row">
                                 <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                    <label data-i18n="form-ref"></label><span>: *</span>
                                    <input class="form-control" id="referenceId" name="name" type="text" value="" required>
                                 </div>
                              </div>

                              <div class="row">
                                 <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                <label data-i18n="form-pdf"></label><span>: *</span>
		                            <input id="documentToUpload" name="Dokument hochladen" type="file" accept="application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document"/>
                                 </div>
                              </div>

                           <button id="triggerUploadDocuments" class="btn btn-normal btn-color submit  bottom-pad" type="button" data-i18n="form-send"></button>
                           </fieldset>
                           </div>
                           <div id="documentsReceived" class="success alert-success alert" style="display:none" data-i18n="upload-success"></div>
                           <div class="clearfix">
                           </div>
                        </form>
                     </div>
                     <div class="col-lg-4 col-md-4 col-xs-12 col-sm-6">
                       <!-- <img src="http://polpix.sueddeutsche.com/bild/1.1196262.1376398621/900x600/kfzversicherung-versicherung-kfz-auto-assekuranz-tarif-tarifwechsel.jpg"> -->
                     </div>
                  </div>
                  <div class="divider"></div>
               </div>
            </div>
            <!-- Main Content end-->
         </div>
         <!-- Content End -->
         <!-- Footer Start -->
          <footer>
            <!-- Footer Top End -->
            <!-- Footer Bottom Start -->
            <div class="footer-bottom">
               <div class="container">
                  <div class="row">
                     <div class="col-lg-6 col-md-6 col-xs-12 col-sm-6 "> &copy; Copyright <script>document.write(new Date().getFullYear());</script> by <a href="#">Camunda</a>. All Rights Reserved. </div>
                     <div class="col-lg-6 col-md-6 col-xs-12 col-sm-6 ">
                        <ul class="social social-icons-footer-bottom">
                           <li class="facebook"><a href="#" data-toggle="tooltip" title="Facebook"><i class="fa fa-facebook"></i></a></li>
                           <li class="twitter"><a href="#" data-toggle="tooltip" title="Twitter"><i class="fa fa-twitter"></i></a></li>
                           <li class="dribbble"><a href="#" data-toggle="tooltip" title="Dribble"><i class="fa fa-dribbble"></i></a></li>
                           <li class="linkedin"><a href="#" data-toggle="tooltip" title="LinkedIn"><i class="fa fa-linkedin"></i></a></li>
                           <li class="rss"><a href="#" data-toggle="tooltip" title="Rss"><i class="fa fa-rss"></i></a></li>
                        </ul>
                     </div>
                  </div>
               </div>
            </div>
            <!-- Footer Bottom End -->
         </footer>
         <!-- Scroll To Top -->
         <a href="#" class="scrollup"><i class="fa fa-angle-up"></i></a>
         </div>
         <!-- Wrap End -->
         <script src="../js/jquery/jquery-2.2.4.min.js"></script>
         <!-- il18n -->
       	<script src="../js/jquery/jquery.i18n.js"></script>
       	<script src="../js/jquery/jquery.i18n.messagestore.js"></script>
       	<script src="../js/jquery/jquery.i18n.fallbacks.js"></script>
       	<script src="../js/jquery/jquery.i18n.parser.js"></script>
       	<script src="../js/jquery/jquery.i18n.emitter.js"></script>
       	<script src="../js/jquery/jquery.i18n.language.js"></script>
         <script src="../js/jquery/jquery-migrate-1.2.1.min.js"></script>
         <script src="../js/jquery/jquery.parallax.js"></script>
         <script src="../js/jquery/jquery.wait.js"></script>
         <script src="../js/jquery/jquery-ui.js"></script>
         <script src="../js/jquery/jquery.nivo.slider.pack.js"></script>
         <script src="../js/jquery/jquery.prettyPhoto.js"></script>
         <script src="../js/jquery/jquery.gmap.min.js"></script>
         <script src="../js/jquery/jquery.sticky.js"></script>


         <script src="../js/bootstrap/bootstrap.js"></script>
         <script src="../js/modernizr-2.6.2.min.js"></script>
         <script src="../js/modernizr.custom.js"></script>
         <script src="../js/revolution-slider/js/jquery.themepunch.tools.min.js"></script>
         <script src="../js/revolution-slider/js/jquery.themepunch.revolution.min.js"></script>
         <script src="../js/superfish.js"></script>
         <script src="../js/tweetMachine.js"></script>
         <script src="../js/tytabs.js"></script>
         <script src="../js/circularnav.js"></script>
         <script src="../js/jflickrfeed.js"></script>
         <script src="../js/imagesloaded.pkgd.min.js"></script>
         <script src="../js/waypoints.min.js"></script>
         <script src="../js/custom.js"></script>
         <script src="lang/de.js"></script>
         <script src="lang/en.js"></script>
         <script src="app.js" ></script>
   </body>
</html>
